// 底部导航栏组件
Component({
  properties: {
    // 当前页面标识
    currentPage: {
      type: String,
      value: 'index'
    }
  },

  data: {
    // 组件内部数据
  },

  methods: {
    // 导航栏点击事件
    onTabTap: function(e) {
      const page = e.currentTarget.dataset.page
      
      // 如果点击的是当前页面，不进行跳转
      if (page === this.properties.currentPage) {
        return
      }
      
      // 触发父组件的导航事件
      this.triggerEvent('navigate', { page: page })
      
      // 检测环境并进行相应的页面跳转
      if (typeof wx !== 'undefined' && wx.navigateTo) {
        // 小程序环境
        switch(page) {
          case 'index':
            wx.navigateTo({ url: '/pages/index/index' })
            break
          case 'message':
            wx.navigateTo({ url: '/pages/message/message' })
            break
          case 'ranking':
            wx.navigateTo({ url: '/pages/ranking/ranking' })
            break
          case 'profile':
            wx.navigateTo({ url: '/pages/profile/profile' })
            break
        }
      } else {
        // 浏览器环境
        switch(page) {
          case 'index':
            window.location.href = '/pages/index/index.html'
            break
          case 'message':
            window.location.href = '/pages/message/message.html'
            break
          case 'ranking':
            window.location.href = '/pages/ranking/ranking.html'
            break
          case 'profile':
            window.location.href = '/pages/profile/profile.html'
            break
        }
      }
    },

    // 发布按钮点击事件
    onPublishTap: function(e) {
      console.log('点击发布按钮');
      
      if (typeof wx !== 'undefined' && wx.showActionSheet) {
        wx.showActionSheet({
          itemList: ['发布文章', '发布问题', '发布动态'],
          success: (res) => {
            const actions = ['发布文章', '发布问题', '发布动态'];
            const selectedAction = actions[res.tapIndex];
            
            wx.showToast({
              title: `选择了${selectedAction}`,
              icon: 'success',
              duration: 2000
            });
            
            // 这里可以跳转到对应的发布页面
            // 例如：wx.navigateTo({ url: '/pages/publish/publish' });
          },
          fail: (res) => {
            console.log('取消选择');
          }
        });
      } else {
        // 浏览器环境
        const action = confirm('是否要发布内容？');
        if (action) {
          alert('发布功能开发中');
        }
      }
    }
  },

  lifetimes: {
    attached: function() {
      // 组件实例进入页面节点树时执行
      console.log('底部导航栏组件已加载')
    },
    
    detached: function() {
      // 组件实例被从页面节点树移除时执行
      console.log('底部导航栏组件已卸载')
    }
  }
})